<section class="content">
	<?php
	if (isset($newsHot) && !empty($newsHot)) :
	?>
	<div class="pad group">
		<div class="breaking-news clearfix pagewidth">
			<div class="slideshow-wrap">

				<h3 class="breaking-news-category">Tin Hot</h3>

				<ul data-speed="500" data-effect="slide" data-autoplay="4000" data-nextid="breaking-news-next" data-pauseid="breaking-news-play_pause" data-previd="breaking-news-prev" class="breaking-news-posts slideshow" >
					<?php
					foreach ($newsHot as $rows) :
					$linkDetail = $this->Html->url(
							array(
								'controller' => 'news',
								'action' => 'detail',
								'news_id' => $rows['News']['id'],
								'news_rewrite' => $rows['News']['new_rewrite'],
								'cat_rewrite' => $rows['Category']['cat_rewrite'],
								'ext' => 'html',
							)
						);
					?>
					<li>
						<a title="<?php echo $rows['News']['name'];?>" href="<?php echo $linkDetail;?>"><?php echo $rows['News']['name'];?></a>
					</li>
					<?php
					endforeach;
					?>
				</ul>

				<!--<div class="breaking-news-nav">
					<a class="breaking-news-prev" id="breaking-news-prev" href="#" style="display: inline;"></a>
					<a class="breaking-news-play_pause playing" id="breaking-news-play_pause" href="#" style="display: inline;"></a>
					<a class="breaking-news-next" id="breaking-news-next" href="#" style="display: inline;"></a>
				</div>-->

			</div>
			<!-- /.slideshow-wrap -->

		</div>
		<!-- end breaking -->
	</div>
	<?php
	endif; //end if $newsHot
	?>

	<div class="pad group">
		<h2>Ảnh hoạt động</h2>
	</div>
	<div class="pad group">
		<script type="text/javascript">
			// Check if first slider image is loaded, and load flexslider on document ready
			jQuery(document).ready(function(){
			 var firstImage = jQuery('#flexslider-featured').find('img').filter(':first'),
				checkforloaded = setInterval(function() {
					var image = firstImage.get(0);
					if (image.complete || image.readyState == 'complete' || image.readyState == 4) {
						clearInterval(checkforloaded);

						jQuery('#flexslider-featured').flexslider({
							animation: "slide",
							useCSS: false, // Fix iPad flickering issue
							slideshow: true,
							directionNav: false,
							controlNav: false,
							pauseOnHover: true,
							slideshowSpeed: 3000,
							animationSpeed: 400,
							smoothHeight: true,
							touch: false
						});

					}
				}, 20);
			});
		</script>
		<div id="flexslider-featured" class="featured flexslider">
			<?php echo $this->element('flexslider');?>

		</div>
	</div>

	<div class="pad group">
		<div class="post-list group">
			<?php echo $this->element('post_list');?>
		</div>
	</div>

	<div class="pad group">
		<div class="post-list group">
			<?php echo $this->element('faq');?>
		</div>
	</div>

	<div class="pad group">
		<div class="post-list group">
			<?php echo $this->element('google_map');?>
		</div>
	</div>
	<nav class="pagination group">
	</nav>


</section>